.title {
    font-size: 16px;
    font-weight: 600;
    color: white !important;
    padding: 15px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent !important;
}

/* 增加一条分割线在adduser下面 */
.hrs {
    border-top: 2px solid #2d325a;
}

/* 增加弹窗 */
::ng-deep .ant-modal-body {
    background-color: #353c70 !important;
    color: #ffffff !important;
}

::ng-deep .ant-modal-confirm-title {
    color: #ffffff !important;
}

::ng-deep .ant-modal-confirm-content {
    color: #ffffff !important;
}

::ng-deep.ant-modal-footer {
    background-color: #353c70 !important;
}

::ng-deep.ant-form-item-label > label {
    color: #7b82b8 !important;
}

.title i {
    margin-right: 0.15rem;
    width: 0.25rem;
    height: 0.25rem;
    color: white;
    background: black;
    border-radius: 0.25rem;
    padding: 0.02rem;
}

.details {
    padding: 24px 24px 0 24px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* .details div {
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    padding: 0 0.2rem;
} */

.id {
    /* font-size: 18px; */
    /* font-weight: bold; */
    color: rgba(51, 51, 51, 1);
}

.zoneTree {
    padding-left: 0.06rem;
    display: flex;
    flex-direction: column;
}

.zoneTree .access {
    font-size: 21px;
    margin-left: 0.16rem;
    color: #333;
    font-weight: bold;
}

.zoneTree .ZoneChoose-tree {
    /* width: 4.8rem; */
    /* margin: 0rem 0.3rem; */
    height: 1.5rem;
    /* padding-top: 0.34rem; */
    background-color: #2f315e;
    border-radius: 0.1rem;
    overflow-y: auto;
}

.zoneAssignment ::ng-deep .ant-form-explain {
    background: rgba(230, 230, 230, 1);
}

#userId {
    font-size: 18px;
    font-weight: bold;
    margin-left: 0.2rem;
}

.name p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.password p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.password input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */
}

.organization p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.organization input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */
}

.ant-select-selection {
    background: rgba(230, 230, 230, 1);
}

.name input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    /* background: rgba(230, 230, 230, 1); */
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */

    font-weight: 400;
    border-radius: 5px;
    background-color: #363c70 !important;
    border: 2px solid #6d72a7;
    color: #afb0b2;
    font-size: 14px;
    font-weight: normal;
}

.role ::ng-deep .ant-select-selection {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    /* border-radius:5px; */
}

.role ::ng-deep .ant-select-selection:active {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
}

/* role下拉框显示字体 */
.role :host ::ng-deep .ant-select-selection-selected-value {
    font-size: 22px;
    color: #6c72a4;
}

.organization ::ng-deep .ant-select-selection {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    /* border-radius:5px; */
}

.organization ::ng-deep .ant-select-selection:active {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
}

/* organization下拉框显示字体 */
.organization :host ::ng-deep .ant-select-selection-selected-value {
    font-size: 22px;
    color: #6c72a4;
}

.ng-invalid:not(form) {
    border-left: none;
}

/*选中节点样式*/
::ng-deep .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: #737373;
    border-color: #737373;
}

::mg-deep .ant-tree-node-selected {
    background-color: #5d6264 !important;
}

/* 模态框位置居中 */
/* ::ng-deep .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* 去掉背景色,修改整体圆角 */
::ng-deep .ant-modal-content {
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
}

/* 去掉全局的padding */
/* ::ng-deep .ant-modal-body {
    padding: 0;
} */

/* 增加一个小圆点 */
.title .add-user-dot {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #456cff;
}

/* 修改x图标的样式 */
::ng-deep .ant-modal-close {
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6c72a4;
}

/* 去掉按钮上面的分割线 */
::ng-deep .ant-modal-footer.ng-star-inserted {
    border: none;
}

/* 修改按钮样式 */
::ng-deep .btn-center.ng-star-inserted .ant-btn.ant-btn-default {
    width: 120px;
    background-color: #7f87be;
    border: none;
    color: #fff;
    border-radius: 10px;
}

::ng-deep .btn-center.ng-star-inserted .ant-btn.ant-btn-primary {
    width: 120px;
    background-color: #4971ff;
    border: none;
    border-radius: 10px;
}

/* 将两个按钮居中 */
::ng-deep .ant-modal-footer.ng-star-inserted .btn-center.ng-star-inserted {
    display: flex;
    justify-content: center;
}

::ng-deep .anticon.ant-modal-close-icon.anticon-close svg {
    width: 12px;
}

::ng-deep .ant-modal-body.ng-star-inserted {
    padding: 12px;
}

::ng-deep .ant-modal-footer {
    padding: 0px 16px 30px 16px;
}

::ng-deep .botm-margin.ant-btn.ant-btn-primary {
    margin-left: 20px;
}

/* 修改input背景色 */
::ng-deep .ant-input.ng-pristine.ng-invalid.ng-touched {
    background-color: #363c70 !important;
    border: 2px solid #6d72a7;
    color: #d0dbea;
}

::ng-deep .ant-input.ng-untouched.ng-pristine.ng-invalid {
    background-color: #363c70 !important;
    border: 2px solid #6d72a7;
    color: #d0dbea;
}

:host ::ng-deep .ant-form-item-children .ant-select-selection.ant-select-selection--single {
    background-color: #363c70 !important;
    border: 2px solid #6d72a7 !important;
    color: #d0dbea !important;
}

::ng-deep .ant-input.ant-input-disabled.ng-untouched.ng-pristine {
    background-color: #363c70;
    border: 2px solid #6d72a7;
    color: #d0dbea;
}

:host ::ng-deep .ant-select-selection__rendered .ant-select-selection-selected-value.ng-star-inserted {
    color: #dce4ff;
    font-size: 14px;
    font-weight: normal;
}

::ng-deep .op-btn {
    border-radius: 10px;
    width: 120px;
}

:host ::ng-deep .ant-input.ng-dirty.ng-touched.ng-invalid {
    background-color: #363c70;
    color: #dce4ff;
    border: 2px solid #6d72a7;
}

:host ::ng-deep .ant-input.ng-touched.ng-dirty.ng-valid {
    background-color: #363c70;
    color: #dce4ff;
    border: 2px solid #6d72a7;
}

:host ::ng-deep .ant-input.ng-dirty.ng-touched.ng-invalid:focus {
    background-color: #363c70;
    color: #dce4ff;
    border: 2px solid #6d72a7;
}

:host ::ng-deep .ant-input.ng-touched.ng-dirty.ng-valid:focus {
    background-color: #363c70;
    color: #dce4ff;
    border: 2px solid #6d72a7;
}

::ng-deep .organization.ant-form-item.ant-row {
    margin-bottom: 0px !important;
}

::ng-deep .role.ant-form-item.ant-row {
    margin-bottom: 0px !important;
}

::ng-deep .name.ant-form-item.ant-row {
    margin-bottom: 0px !important;
}

.add-users ::ng-deep .ant-select-selection.ant-select-selection--single {
    background-color: #363c70;
    border: 2px solid #6d72a7;
    color: #afb0b2;
}

::ng-deep .ZoneChoose-tree .ant-tree li .ant-tree-node-content-wrapper {
    color: #d0dbea !important;
}
